<template>
    <div>
        <DescribePanel :info="info" :editorwidth="800" :editorheight="250" :attributes="attributes" :events="events">
            <XbsjButton @handleClick="clickBtn">按钮</XbsjButton>
        </DescribePanel>
    </div>
</template>
<script>
/* eslint-disable*/
import XbsjButton from '../common/XbsjButton'
import DescribePanel from './DescribePanel'

export default {
	components: {
		XbsjButton,
		DescribePanel
	},
	data() {
		return {
			value: true,
			info: {
				title: 'Button 按钮',
				des: '常用的操作按钮。',
				editor: `\n<XbsjButton @handleClick="clickBtn"></XbsjButton>\n\n<script>\n  data() {\n     return {\n  }\n methods:{\n      clickBtn(e){\n              console.log(e)\n            }\n   }\n}\n<script>`
			},
			attributes: [],
			events: []
		}
	},
	mounted() {},
	methods: {
		clickBtn(e) {
			console.log(e)
		}
	}
}
</script>

 <style scoped>
h2 {
	font-weight: 400;
}
</style>
